<div dojoType="dijit.MenuBar" id="navMenu"  style="width: 100%; margin-left: auto ; margin-right: auto;">
    <div dojoType="dijit.PopupMenuBarItem">
        <span>
            แฟ้ม
        </span>
        <div dojoType="dijit.Menu" id="fileMenu">
            <div dojoType="dijit.MenuItem" onClick="alert('file 1')">
                File #1
            </div>
            <div dojoType="dijit.MenuItem" onClick="alert('file 2')">
                File #2
            </div>
        </div>
    </div>
    <div dojoType="dijit.PopupMenuBarItem">
        <span>
            แก้ไข
        </span>
        <div dojoType="dijit.Menu" id="editMenu">
            <div dojoType="dijit.MenuItem" onClick="alert('edit 1')">
                Edit #1
            </div>
            <div dojoType="dijit.MenuItem" onClick="alert('edit 2')">
                Edit #2
            </div>
        </div>
    </div>
</div>
<div id="my_form" style=" margin-left: auto ; margin-right: auto">
    <div id="my_form_body" style="border-style: none; border-color: #996633">
        <div id="my_form_navigator" style=" border-bottom-style: solid; border-bottom-color: #996633; margin-left: auto; margin-right: auto; text-align: center">
            <!--Or_Skin[header]--><!--Or_Skin[query]--><!--Or_Skin[status]-->
        </div>
        <!--Or_Skin[hidden]--><!--Or_Skin[body]-->
        <div id="my_form_status" style="border-style: none; margin-left: auto; margin-right: auto; text-align: center">
            <!--Or_Skin[navigator]-->
        </div>
    </div>
</div>

